@CHARSET "UTF-8";


#header{ height:90px; background:#B20000;}
#nav{ height:20px; background:#F8F7F7;}
.categoryHd i,.categoryBd .itemHd i,.categoryBd .itemBottom i,.categoryBd .itemHd a,.categoryBd .itemIcon{ background:url(images/script.png) no-repeat;}

.mallMain{ width:85%; margin:0 auto; position:relative;}
.mallLeft{ width:130px; background:white; position:absolute; top:-30px; left:-25px; z-index:10;}
.mallLeft h2,.mallLeft h3,.mallLeft h4{ font-family:'\5FAE\8F6F\96C5\9ED1';}
.category{ width:130px; background:white; position:relative; z-index:20;}

.categoryHd { height:120px; line-height:30px; font-size:14px; color:white; padding:0 15px; background:#A21C1D; position:relative; z-index:100;background:url(../images/logo.png) no-repeat;}
.categoryHd i{ display:block; width:21px; height:19px; border:1px solid #780000; background-color:#BE0000; position:absolute; top:5px; cursor:pointer;}
.categoryHd i.expand{ right:27px; border-radius:2px 0 0 2px; background-position:0 0;}
.categoryHd i.simple{ right:5px; border-radius:2px 2px 0 0; background-position:-22px 0;}
.categoryHd i.selected{ background-color:#850000; cursor:default;}
.categoryHd i.hide{ display:none;}

.categoryBd{ border:1px solid #E6E6E6; border-top:none;}
.categoryBd .item,.categoryBd .itemBottom{ padding:8px 0; position:relative; overflow:hidden;}
.categoryBd .item2,.categoryBd .item4,.categoryBd .item6,.categoryBd .item8,.categoryBd .item10,.categoryBd .item12,.categoryBd .item14,.itemBottom{ background:#F1F1F1;}
.categoryBd .itemIcon,.categoryBd .itemBottom .itemIcon{ display:block; width:5px; height:9px; background-position:-50px -4px; position:absolute; top:40%; right:10px; visibility:hidden;}
.categoryBd .itemHd{ height:30px; line-height:30px;text-align:center;position:relative;color:#666;}
.categoryBd .itemHd a{ display:inline-block;color:#666;background-position:-54px -300px; }
.categoryBd .itemHd i{ display:block; width:16px; height:16px; position:absolute; top:-1px; left:15px;}

.categoryBd .selected1{ padding:8px 0;text-align:center;position:relative;background-color:#200E74;}
.categoryBd .selected1 a{color:#fff; background-position:-54px -300px;}

.categoryBd .itemBottom a{ display:block; color:black;}
.categoryBd .itemBottom i{ background-position:-147px -40px;}
.categoryBd .itemCol{ height:21px; line-height:21px; padding:0 15px; overflow:hidden;
	-webkit-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
	-moz-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
	-ms-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
	-o-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
	transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);

	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	transform-origin:50% 0;

	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.categoryBd .itemCol a{ color:#848484; margin-right:5px;}
.categoryBd .itemCol a:hover{ text-decoration:underline;}

.categoryBd .itemCol_sp{ padding-top:6px;}

.categoryBd .selected{ background-color:#200E74;}
.categoryBd .selected .itemHd1 i{ background-position:0 -60px;}
.categoryBd .selected .itemHd2 i{ background-position:0 -80px;}
.categoryBd .selected .itemHd3 i{ background-position:-21px -60px;}
.categoryBd .selected .itemHd4 i{ background-position:-21px -80px;}
.categoryBd .selected .itemHd5 i{ background-position:-42px -60px;}
.categoryBd .selected .itemHd6 i{ background-position:-42px -80px;}
.categoryBd .selected .itemHd7 i{ background-position:-63px -60px;}
.categoryBd .selected .itemHd8 i{ background-position:-63px -80px;}
.categoryBd .selected .itemHd9 i{ background-position:-84px -60px;}
.categoryBd .selected .itemHd10 i{ background-position:-84px -80px;}
.categoryBd .selected .itemHd11 i{ background-position:-105px -60px;}
.categoryBd .selected .itemHd12 i{ background-position:-105px -80px;}
.categoryBd .selected .itemHd13 i{ background-position:-126px -60px;}
.categoryBd .selected .itemHd14 i{ background-position:-126px -80px;}
.categoryBd .selected .itemHd15 i{ background-position:-147px -60px;}
.categoryBd .selected .itemHd16 i{ background-position:-147px -80px;}
.categoryBd .selected .itemHd,.categoryBd .selected .itemCol a{ color:white;}
.categoryBd .selected .itemHd a{ color:#fff; background-position:-54px -300px;}
.categoryBd .selected .itemIcon{ visibility:visible;}
.itemSelected .itemCol{
	-webkit-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
	-moz-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
	-ms-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
	-o-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
	transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-box-shadow:0 2px 2px #AAA;
	-moz-box-shadow:0 2px 2px #AAA;
	box-shadow:0 2px 2px #AAA;
	background:#EBEBEB;
	padding-top:0;
	line-height:0;
	height:0;
	*font-size:0;
}
.itemSelected .itemCol_sp{
	-webkit-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
	-moz-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
	-ms-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
	-o-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
	transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
	-webkit-transform-origin:50% 100%;
	-moz-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	-o-transform-origin:50% 100%;
	transform-origin:50% 100%;
	-webkit-box-shadow:0 -2px 2px #AAA;
	-moz-box-shadow:0 -2px 2px #AAA;
	box-shadow:0 -2px 2px #AAA;
}

.cateFixed{ position:fixed; top:0;}
.browserTip{ height:22px; line-height:22px; text-align:center; color:white; border-bottom:1px solid #8E0000; background:#810539;}



.fenlei{ width:130px; float:left;text-align: center;margin-right: 36px;}
.fenlei img{display:block;height:120px;}
.fenlei h3{    
	font-size: 1.5em;
    padding: 20px 0 0 0;}
.fenlei li{    
	font-size: 14px;
    font-weight: 700;
	margin: 5px 0;}
.fenlei li a{
	padding: 9px 0px;
    display: block;
	color:#696969;
	}
.fenlei li.f-act{	
	background-color: #29166f;}
.fenlei li.f-act:hover{background-color: #29166f; color:#FFF;}
.fenlei li.f-act a{ color:#FFF;background-color: #29166f;}
.fenlei li a:hover{ color:#FFF;background-color: #29166f; }